<template name="ys-goods-price-time">
<view class="ys-goods-price-time">
    <view class="price">
        <text class="rmb">￥</text>
        <text class="sell-price">{{price}}</text>
        <text class="market-price">{{market}}</text>
    </view>
    <view class="time">
        <text class="tip">{{text}}</text>
        <text class="deadline">09:49:40</text>
    </view>
</view>
</template>

<script>
    export default {
        name: "ys-goods-price-time",
        props: {
            price: {
                type: String,
                default: "0"
            },
            market: {
                type: String,
                default: "0"
            },  
            text: {
                type: String,
                default: "距结束还剩"
            },
            deadline: {
                type: String,
                default: ""
            }
        },
        mounted() {
        },
        data() {
            return {

            };
        },
        methods: {

        }
    }        
</script>

<style lang="scss">
.ys-goods-price-time {
    height: 100upx;
    line-height: 100upx;
    background-color: #e60013;
    padding-left: 20upx;
    overflow: hidden;
    display: flex;
    .price {
        flex:5;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-box-pack:center;
        -webkit-box-align:center;    
        .rmb {
            font-size: 36upx;
            color: #fff;            
        }
        .sell-price {
            font-size: 62upx;
            color: #fff;
        }
        .market-price {
            font-size: 28upx;
            margin-left: 20upx;
            color: #fff;
            padding-right: 8upx;
            position: relative;            
        }
    }
    .time {        
        flex: 4;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-box-pack: center;
        -webkit-box-align: center;        
        background: url('') center center no-repeat; 
        background-size:100% 100%;
        .tip {
            display: block;
            color: #333;
            font-size: 22rpx;
            line-height: 40rpx;            
        }
        .deadline {
            display: block;
            font-size: 32rpx;
            color: #333;
            line-height: 50rpx;            
        }
    }
}
</style>
